import React, {Fragment} from 'react';
import "./index.less"
import VerticalLine from "@/pages/WorkFlowDesigner/Line/VerticalLine";
import HorizontalLine from "@/pages/WorkFlowDesigner/Line/HorizontalLine";

interface LineProps {
    vHeight: number,
    hWidth: number,
    border: number,
    ULine?: boolean

}

export default React.memo((props: LineProps) => {
    const {vHeight, border, hWidth, ULine} = props;

    return (
        <Fragment>
            <div className="flex-container" style={{alignItems: `${ULine ? "flex-end" : "flex-start"}`}}>
                <VerticalLine border={border} height={vHeight}/>
                <HorizontalLine length={hWidth} border={border}/>
                <VerticalLine border={border} height={vHeight}/>
            </div>

        </Fragment>
    )
})
